<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script type="module">
      /*
        同步导入，静态导入
        1. 代码书写顺序就是执行的顺序。
        2. 必须要放在模块开始位置导入。
        3. 不能使用while或if或switch等条件、循环语句。

        动态导入，异步导入
        1. import() 不是函数，但可以当作函数理解。
        2. import() 返回Promise对象，then是导入成功后执行，catch方法导入失败后执行。
        3. 导出的数据会以对象的方式保存在then回调函数的参数中。
        4. 可以组合条件语法和循环语法。
        */
    </script>
    <script type="module">
      if (1 < 2) {
        import("./m3.js")
          .then((data) => {
            console.log(data.age);
          })
          .catch(() => {});
      }
    </script>
  </body>
</html>
